.m-banner {
  .el-carousel__container {
    height: 240px;
  }
  padding-top: 10px;
  margin-left: -8px;
  .t1 {
    width: 150px;
    height: 240px;
    margin-left: 7px;
    background-image: url('../../static/images/banner_t1.jpg');
  }
  .loginAndRegister {
    border: solid 1px #e5e5e5;
    width: 228px;
    background-color: #fff;
    height: 240px;
    margin-left: 10px;
    padding-top: 30px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    .avatar {
      border-radius: 50%;
      width: 47px;
    }
    .hi {
      font-size: 16px;
    }
    .registerBtn {
      margin: 10px 0 15px;
    }
    .el-button.is-round {
      width: 118px;
    }
  }
  .userCenter {
    overflow: hidden;
    padding: 10px 5px 0;
    li {
      float: left;
      width: 33%;
      i {
        color: #96e4da;
        font-size: 16px;
      }
      .text {
        color: #222;
        margin: 5px 0;
      }
    }
    .setting {
      position: absolute;
      top: 8px;
      right: 13px;
      color: #666;
    }
  }
  a {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .f {
    width: 270px;
    height: 165px;
  }
  .f1 {
    background-image: url('../../static/images/banner_f1.png');
    margin-right: 7px;
  }
  .f2 {
    background-image: url('../../static/images/banner_f2.jpg');
  }
  .f3 {
    width: 150px;
    height: 165px;
    margin-left: 7px;
    background-image: url('../../static/images/banner_f3.jpg');
  }
}
